$menu-bg-w-color1: #40A9FF;
$menu-bg-w-color2: #FFCE1A;
$menu-bg-w-color3: #FA8D15;
$menu-bg-w-color4: #16C2C0;
$menu-bg-w-color5: #5AD8A6;
$menu-bg-w-color6: #6CC8EC;
$menu-bg-w-color7: #945FB9;

.learun-theme-color-type-white {
  .learun-header {
    background-color: white;

    &:after {
      display: block;
      background-color: $border-color-split;
    }

    .learun-header-logo .text {
      color: $heading-color;
    }

    .el-avatar {
      background-color: $primary-color-light;
      color: $primary-color;
    }

    &--icon-btn {
      color: $text-color-secondary;
      font-size:12px !important;
      &:hover {
        color: $text-color-secondary;
      }

      &:not(.noBg):before {
        content: ' ';
        position: absolute;
        height: 24px;
        width: 24px;
        border-radius: 16px;
        top: 0;
        left: 8px;
        border: 1px solid $background-color;
      }
    }
  }

  /* 侧边栏调整 */
  .learun-sidebar {
    background-color:$white;

    &__collapse {
      border-bottom: 1px solid $border-color-split;
      color: $text-color-secondary;
    }
  }

  &.learun-theme-nav-side2 {
    .learun-sidebar {
      .learun-el-menu {

        .el-menu-item:nth-of-type(7n+1),
        .el-submenu:nth-of-type(7n+1) .el-submenu__title {
          &:before {
            background-color: $menu-bg-w-color1 !important;
          }
        }

        .el-menu-item:nth-of-type(7n+2),
        .el-submenu:nth-of-type(7n+2) .el-submenu__title {
          &:before {
            background-color: $menu-bg-w-color2 !important;
          }
        }

        .el-menu-item:nth-of-type(7n+3),
        .el-submenu:nth-of-type(7n+3) .el-submenu__title {
          &:before {
            background-color: $menu-bg-w-color3 !important;
          }
        }

        .el-menu-item:nth-of-type(7n+4),
        .el-submenu:nth-of-type(7n+4) .el-submenu__title {
          &:before {
            background-color: $menu-bg-w-color4 !important;
          }
        }

        .el-menu-item:nth-of-type(7n+5),
        .el-submenu:nth-of-type(7n+5) .el-submenu__title {
          &:before {
            background-color: $menu-bg-w-color5 !important;
          }
        }

        .el-menu-item:nth-of-type(7n+6),
        .el-submenu:nth-of-type(7n+6) .el-submenu__title {
          &:before {
            background-color: $menu-bg-w-color6 !important;
          }
        }

        .el-menu-item:nth-of-type(7n+7),
        .el-submenu:nth-of-type(7n+7) .el-submenu__title {
          &:before {
            background-color: $menu-bg-w-color7 !important;
          }
        }



        .el-menu__text {
          color: $heading-color  !important;

        }


      }
    }
  }
}